/**
* @name:app.scss
* @description:换肤变量和全局常用变量
* @author: author-name(1317953460)
* @update:2020-06-18
*/
@charset "utf-8";

/**
* 动态换肤
* bg_color背景色
* bg_colorTable table背景色
* font_size字体大小
* botton_color_one
* botton_color_two删除
* botton_color_three启用
* botton_color_four禁用
* botton_color_five
*/
/*声明*/
:root {
  --bg_color: #00b85c;
  --bg_background1: #018a46;
  --bg_background2: #00b85c;
  --bg_background3: #cbf2de;
  --bg_colorTable: #c4f0d9;
  --font_size: 14px;
  --botton_color_one: #00c6dc;
  --botton_color_two: #ce5454;
  --botton_color_three: #2170ca;
  --botton_color_four: #cb9e6c;
  --botton_color_five: #34dda0;
  --line-color: #5be896;
}

/*--botton_color_one: #00c6dc;--botton_color_five: #34dda0;废弃*/
/*变量*/
$bg_color: var(--bg_color);
$bg_background1: var(--bg_background1);
$bg_background2: var(--bg_background2);
$bg_background3: var(--bg_background3);
$bg_colorTable: var(--bg_colorTable);
$font_size: var(--font_size);
$botton_color_one: var(--bg_color);
$botton_color_two: var(--botton_color_two);
$botton_color_three: var(--botton_color_three);
$botton_color_four: var(--botton_color_four);
$botton_color_five: var(--bg_color);
$line-color: var(--line-color);

/*基础变量*/
$px_24: 24px;

/*释放*/
:export {
  bg_color: $bg_color;
  bg_background1: $bg_background1;
  bg_background2: $bg_background2;
  bg_background3: $bg_background3;
  font_size: $font_size;
  bg_colorTable: $bg_colorTable;
  botton_color_one: $botton_color_one;
  botton_color_two: $botton_color_two;
  botton_color_three: $botton_color_three;
  botton_color_four: $botton_color_four;
  botton_color_five: $botton_color_five;
  line-color: $line-color;
}

/*常用属性*/
@mixin discen {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
*@include discen_al
*/
@mixin discen_al {
  display: flex;
  align-items: center;
}

@mixin ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
